<div class="uc_top_bg">
    <div class="top_bg_box" 
    {if condition="$user_info['cover_id']"}
        style="background-image:url('{$user_info['cover_path']}')"
        {else/}
        style="background:url('__IMG__/user_top_default_bg.jpg')"
    {/if}
    >
    </div>
    {if condition="is_login() && $user_info['uid'] eq is_login()"}
        <div class="change_cover">
            <a data-type="ajax" data-url="{:Url('ucenter/Common/changeCover')}" data-toggle="modal" data-title="{:lang('_UPLOAD_PERSONAL_COVER_')}">
            <img class="img-responsive" src="__IMG__/fractional.png">
            </a>
        </div>
    {/if}

    <div class="uc_info">
        <div class="avatar-box center-block">
            <a href="{$user_info.space_url}" title="">
                <img src="{$user_info.avatar64}" class="avatar-img img-circle"/>
            </a>
        </div>
        <div class="">
            <div class="uc_main_info">
                <div class="uc_info_box uc_uname text-center">
                    <span>
                        <a ucard="{$user_info.uid}" href="{$user_info.space_url}" title="">{$user_info.nickname|htmlspecialchars}</a>
                    </span>
                    <span>
                        {:widget('common/UserRank/render',array($user_info['uid']))}
                    </span>
                </div>
                <div class="uc_info_box text-more text-center" style="width: 100%">
                <span>
                    {if condition="$user_info['signature'] eq ''"}
                        {:lang('_NO_IDEA_')}
                    {else/}
                        <attr title="{$user_info.signature}">{$user_info.signature}</attr>
                    {/if}
                </span>
                </div>
                {notempty name="user_info['tags']"}
                    <div class="uc_info_box">
                        <span>
                            {:lang('_PERSONAL_TAB_')}{:lang('_COLON_')}
                            {volist name="user_info['tags']" id="tag"}
                                &nbsp;<a href="{:Url('people/index/index',array('tag'=>$tag['id']))}" class="label label-badge label-default">{$tag.title}</a>&nbsp;
                            {/volist}
                        </span>
                    </div>
                {/notempty}
                <div class="followers_btn text-center">
                        <a href="{:Url('ucenter/Index/fans',array('uid'=>$user_info['uid']))}" title="{:lang('_FANS_NUMBER_')}">
                            <span>{:lang('_FANS_')}</span>
                            <span>{$user_info.fans}</span>
                        </a>

                        <a href="{:Url('ucenter/Index/following',array('uid'=>$user_info['uid']))}" title="{:lang('_FOLLOWERS_NUMBER_')}">
                            <span>{:lang('_FOLLOWERS_')}</span>
                            <span>{$user_info.following}</span>
                        </a>
                </div>
                {if condition="is_login() && $user_info['uid'] != get_uid()"}
                    <div class="uc_follow text-center">
                        {:widget('follow/follow',array('follow_who'=>$user_info['uid']))}

                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#iMessagesModal">
    私&nbsp;信</button>

                    </div>
                {/if}
            </div>
        </div>

    </div>
</div>
<!-- 对话框HTML -->
{if condition="is_login() && $user_info['uid'] != get_uid()"}
    <div class="modal fade" id="iMessagesModal">
      <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
              <h4 class="modal-title">私信</h4>
            </div>
            <div class="modal-body">
                <div class="iMessageInput">
                    <input name="iMessageUid"  type="hidden" value="{$user_info.uid}">
                    <input name="iMessageNickname" class="form-control" type="text" value="To:{$user_info.nickname|htmlspecialchars}" placeholder="To:{$user_info.nickname|htmlspecialchars}">
                </div>
                <div class="iMessageInput">
                    <textarea id="iMessageTxt" name="iMessageTxt" class="form-control" rows="3" placeholder="可以输入多行文本"></textarea>
                </div>
            </div>
            <div class="modal-footer">
              <button id="iMessageAjaxPost" type="button" class="btn btn-primary">发送</button>
            </div>
        </div>
      </div>
    </div>
{/if}
<div class="clearfix"></div>